<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全球疫情数据</title>
    <link rel="stylesheet" href="./style.css"></link>    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="container">
        <div class="title">全球各国/地区疫情数据</div>
        <div id="form" class="input-group flex-nowrap">
            <div class="input-group-prepend">
                <span class="input-group-text" id="addon-wrapping">国家</span>
            </div>
            <input type="text" class="form-control" placeholder="输入国家" name="country" aria-describedby="addon-wrapping">

            <div class="input-group-prepend">
                <span class="input-group-text" id="addon-wrapping">地区/省/州</span>
            </div>
            <input type="text" class="form-control" placeholder="输入地区/省/州" name="province" aria-describedby="addon-wrapping">
            <button type="button" class="btn btn-primary" id="search">搜 索</button>
            <button type="button" class="btn btn-secondary" id="reset">重 置</button>
        </div>
        <table class="table table-striped">
            <thead>
              <tr>
                <th scope="col">国家</th>
                <th scope="col">地区/省/州</th>
                <th scope="col">经纬度</th>
                <th scope="col">累计确诊</th>
                <th scope="col">昨日新增</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>

    </div>
<script src="./index.js"></script>
</body>
</html>